/**网站全局css**/
* 
{
	margin: 0;
	padding: 0;
	word-break: break-word;
	font-family:"微软雅黑";
	appearance:none;
}
body 
{	
	color: #333;
	background: white;
	margin:auto;  
	min-width:1200px;
	margin:auto;
}
p 
{
	color: #333;
}
a 
{
	text-decoration: none;
	color: #333;
}
li 
{
	list-style: none;
}
img 
{
	border: none;
	display:block;
}
.clear 
{
	clear: both;
}
.fl
{
	float:left;
}
.fr
{
	float:right;
}
.m_hide
{
	display:block;
}
.pc_hide
{
	display:none;
}
.light_yellow
{
	background-color: rgb(245, 244, 237);
}
/**网站全局css end**/
/**网站头部**/
.pc_head
{
	width:85%;
	height:auto;
	max-width:1600px;
	position:absolute;
	top:40px;
	left:50%;
	transform: translate(-50%);
	z-index:100;
}
.pc_head .logo
{
	width:250px;
	height:auto;
	overflow:hidden;
}
.pc_head .logo a
{
	display:block;
	height:auto;
}
.pc_head .logo a img
{
	width:100%;
	height:auto;
}
.pc_head .logo a .blacklogo
{
	display:none;
}
/**无banner时候顶部**/
.pc_nobanner_head
{
	position: static;
	transform: translate(0px);
	margin:auto;
	margin-top:40px;
	margin-bottom:30px;

}
.pc_nobanner_head .logo a .whitelogo
{
	display:none;
}
.pc_nobanner_head .logo a .blacklogo
{
	display:block;
}
/**无banner时候顶部 end**/
.pc_nav_btn_fix
{
	width:50px;
	height:50px;
	position:fixed;
	top:47px;
	right:7.5%;
	z-index:100;
}
.pc_nav_btn_fix .pc_nav_btn
{
	width:100%;
	height:100%;
	position:relative;
}
.pc_nav_btn_fix .pc_nav_btn .grid
{
	width:100%;
	height:100%;
	background:#fff;
	box-shadow: 0 0 15px rgba(0,0,0,.2);
	border-radius:5px;
	display:flex;
	flex-wrap:wrap;
	align-content: space-between;
	padding:15px 12px;
	box-sizing: border-box;
	cursor: pointer;
}
.pc_nav_btn_fix .pc_nav_btn .grid .line
{
	width:100%;
	height:3px;
	background:#000;
}
.pc_nav_btn_fix .pc_nav_btn .text
{
	position:absolute;
	left:-50px;
	top:0px;
	text-align:center;
	color:#333;
	line-height:50px;
	font-size:16px;
}
/**导航**/
.pc_head_nav_fix
{
	position:fixed;
	right:-350px;
	top:0px;
	z-index:200;
	height:100vh;
	transition:500ms;
}
.pc_head_nav_fix_hover
{
	right:0px;
}
.pc_head_nav_fix .pc_head_nav_bg
{
	 display:flex;
	 flex-wrap:wrap;
	 width:350px;
	 height:100%;
	 background:#fff;
	 position:relative;
	 align-content:center;
}
.pc_head_nav_fix .close
{
	width:30px;
	height:30px;
	line-height:30px;
	font-size:30px;
	font-weight:bold;
	color:#000;
	position:absolute;
	top:30px;
	left:28px;
	z-index:10;
	cursor:pointer;
}
.pc_head_nav
{
	width:100%;
	height:calc(100% - 120px);
	overflow-y:auto;
	background:#fff;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
}
.pc_head_nav .grid
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.pc_head_nav .grid .firstlink
{
	display:block;
	width:100%;
	height:auto;
	font-size:16px;
	text-align:center;
	line-height:25px;
	padding-top:12.5px;
	padding-bottom:12.5px;
	padding-left:28px;
	padding-right:28px;
	box-sizing:border-box;
	color:#999;
	transition:1s;
}
.pc_head_nav .grid:hover .firstlink
{
	color:#000;
}
.pc_head_nav .hassub .firstlink
{
	background:url('../images/navarr.png') no-repeat 28px center;
}
.pc_head_nav .hassub:hover .firstlink
{
	background:url('../images/navarrhov.png') no-repeat 28px center;
}
.pc_head_nav .subnavbg
{
	position:absolute;
	left:0px;
	z-index:-10;
	height:100vh;
	width:350px;
	background-color: rgb(38, 38, 38);
	top:0px;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	transition:500ms;

}
.pc_head_nav .grid:hover .subnavbg
{
	left:-350px;
}
.pc_head_nav .subnavbg .subnav
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.pc_head_nav .subnavbg .subnav .record
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.pc_head_nav .subnavbg .subnav .record .secondlink
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	padding:12.5px 28px;
	box-sizing:border-box;
	color:#ddd;
	text-align:center;
	font-size:16px;
	line-height:25px;
	transition:1s;
}
.pc_head_nav .subnavbg .subnav .record:hover .secondlink
{
	color:#fff;
}
/**导航 end**/
/**网站头部 end**/
/**网站底部**/
.footbg
{
	background:#000;
	padding-top:70px;
	padding-bottom:70px;
}
.foot-first
{
	width:80%;
	height:auto;
	margin:auto;
	max-width:1600px;
	display:flex;
	flex-wrap:wrap;
}
.foot-first .footlogo
{
	width:25%;
	height:auto;
}
.foot-first .footlogo img
{
	width:60%;
	height:auto;
}
.foot-first .footnav
{
	width:50%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	align-content: flex-start;
	padding-top:10px;
}
.foot-first .footnav .grid
{
	padding-left:15px;
	padding-right:15px;
	border-right:1px solid #a9a9a9;
	margin-bottom:8px;
}
.foot-first .footnav .grid:last-child
{
	border-right:none;
}
.foot-first .footnav .grid a
{
	display:block;
	font-size:15px;
	line-height:15px;
	color:#a9a9a9;
	transition:1s;
}
.foot-first .footnav .grid:hover a
{
	color:#fff;
}
.foot-first .codelist
{
	width:25%;
	height:auto;
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
}
.foot-first .codelist .grid
{
	width:25%;
	height:auto;
	position:relative;
	max-width:80px;
	cursor: pointer;
}
.foot-first .codelist .grid .codetb
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.foot-first .codelist .grid .codetb img
{
	width:100%;
	height:auto;
}
.foot-first .codelist .grid .code
{
	width:100px;
	height:100px;
	position:absolute;
	z-index:10;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(0);
	transition:1s;
}
.foot-first .codelist .grid:hover .code
{
	transform:translate(-50%,-50%) scale(1);
}
.foot-first .codelist .grid .code img
{
	width:100%;
	height:100%;
}
.foot-second
{
	width:80%;
	height:auto;
	margin:auto;
	max-width:1600px;
	padding-top:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.foot-second .text
{
	display:flex;
	flex-wrap:wrap;
}
.foot-second .text p
{
	font-size:15px;
	color:#a9a9a9;
	line-height:15px;
	margin-right:15px;
}
.foot-second .text p:last-child
{
	margin-right:0px;
}
.foot-second .text p a
{
	color:#a9a9a9;
	transition:1s;
}
.foot-second .text p:hover a
{
	color:#fff;
}
/**网站底部 end**/
/**网站banner**/
.banner
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.banner .bannerarr
{
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:100;
	cursor: pointer;
	opacity:0;
	border-radius:50%;
	transition:1s;
}
.banner:hover .bannerarr
{
	opacity:1;
}
.banner .leftbtn-prev
{
	background:url('../images/index/bannerleftarr.png') no-repeat center center;
	background-size:50%;
	background-color:rgba(0,0,0,0.3);
	left:30px;
}
.banner .rightbtn-next
{
	background:url('../images/index/bannerrightarr.png') no-repeat center center;
	background-size:50%;
	background-color:rgba(0,0,0,0.3);
	right:30px;
}
.banner a
{
	display:block;
	width:100%;
	height:auto;
	min-height:100px;
}
.banner a img
{
	width:100%;
	height:auto;
}
.banner .swiperpages
{
	position:absolute;
	bottom:15px;
	left:0px;
	z-index:10;
	cursor:pointer;
}
.swiperpages
{
	width:100%;
	height:auto;
	text-align:center;

}
.swiperpages .swiper-pagination-bullet-active
{
	background:#fff;
}
/**网站banner end**/
/**网站首页**/
.indexblockbg
{
	width:100%;
	height:auto;
	padding-top:100px;
	padding-bottom:100px;
	overflow:hidden;
}
.indexblock
{
	width:80%;
	margin:auto;
}
.index_more
{
	overflow:hidden;
}
.index_more a
{
	display:block;
	width:100%;
	height:100%;
	color:#000;	
	text-align:center;
	transition:1s;
	box-sizing: border-box;
}
.index_more a:hover
{
	color:#fff;
	background:#000;
}
/**网站首首页模块1关于我们**/
.indexblock1 .textpic
{
	width:100%;
	max-width:900px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	flex-direction: row-reverse;
}
.indexblock1 .textpic .pic
{
	width:220px;
	padding-top:160px;
}
.indexblock1 .pic img
{
	width:100%;
	height:auto;
}
.indexblock1 .text_3
{
	width:calc(100% - 220px);
	box-sizing:border-box;
	padding:0px 30px;
}
.indexblock1 .text_3 .text1
{
	font-size:20px;
	text-align:center;
	line-height:25px;
	width:95%;
	margin:auto;
}
.indexblock1 .text_3 .text2
{
	font-size:72px;
	text-align:center;
	line-height:72px;
	padding-top:70px;
	font-weight: 400;
}
.indexblock1 .text_3 .text3
{
	font-size:70px;
	text-align:center;
	line-height:70px;
	padding-top:30px;
	font-weight: lighter;
}
.indexblockbg1 .index_more
{
	width:230px;
	height:60px;
	margin:auto;
	margin-top:100px;
}
.indexblockbg1 .index_more a
{
	border:1px solid #000;
	border-radius: 30px;
	line-height:60px;
	font-size:25px;
}

/**网站首首页模块1关于我们 end**/
/**网站首首页模块2产品系列**/
.indexblockbg2
{
	background-color: rgb(245, 244, 237);
	padding-bottom:0px;
	overflow:visible;
}
.indexblockbg2 .entitle
{
	font-size:20px;
	line-height:20px;
	color:#999;
	
}
.indexblockbg2 .cntitle
{
	font-size:40px;
	line-height:40px;
	color:#000;
	text-transform:uppercase;
	font-weight: bold;
	margin-top:15px;
}
.indexblockbg2 .indprocatebg
{
	padding-top:20px;
}
.indexblockbg2 .indprocate
{
	width:100%;
	height:auto;
	transform: translate(0,40px);
	background-color: rgb(245, 244, 237);
	display:flex;
	flex-wrap:wrap;
}
.indexblockbg2 .indprocate .grid
{
	width:23%;
	margin-right:2.66%;
}
.indexblockbg2 .indprocate .grid:nth-child(4n)
{
	margin-right:0px;
}
.indexblockbg2 .indprocate .grid a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	transition:500ms;
}
.indexblockbg2 .indprocate .grid:hover a
{
	box-shadow: 0px 0px 20px #ccc;
}
.indexblockbg2 .indprocate .grid a .picbg
{
	width:100%;
	height:auto;
	padding-bottom:75%;
	position:relative;
}
.indexblockbg2 .indprocate .grid a .picbg .pic 
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:15px;
	transition:500ms;
}
.indexblockbg2 .indprocate .grid a .picbg .pic img
{
	width:100%;
	height:100%;
	object-fit:cover;
}
.indexblockbg2 .indprocate .grid:hover a .picbg .pic
{
	padding:0px;
}
.indexblockbg2 .indprocate .grid a .text
{
	box-sizing: border-box;
	padding:15px;
}
.indexblockbg2 .indprocate .grid a .text .title
{
	font-size:16px;
	line-height:20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight:bold;
	overflow:hidden;
}
.indexblockbg2 .indprocate .grid a .text .des
{
	font-size:14px;
	color:#666;
	height:50px;
	line-height:25px;
	overflow:hidden;
	margin-top:10px;
	transition:500ms;
}
.indexblockbg2 .indprocate .grid:hover a .text .des
{
	color:#000;
}
.indexblockbg2 .indprocate .grid a .text .des p
{
	font-size:14px;
	color:#666;
	line-height:25px;
	transition:1s;
}
.indexblockbg2 .indprocate .grid:hover a .text .des p
{
	color:#000;
}
.indexblockbg2 .indprocate .grid a .text .enter
{
	background:url('../images/index/rightarr.png') no-repeat right center;
	font-size:14px;
	box-sizing: border-box;
	padding-right:45px;
	line-height:25px;
	text-align:right;
	margin-top:10px;
}
/**网站首首页模块2产品系列 end**/
/**网站首首页模块3探寻沉静的艺术**/
.indexblockbg3
{
	background-color: rgb(12, 12, 12);
	padding-bottom:0px;
	position:relative;
	z-index:-1;
}
.indexblockbg3 .rightpic
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
}
.indexblockbg3 .rightpic img
{
	width:60%;
	height:auto;
}
.indexblockbg3 .textbg
{
	width:80%;
	max-width:1600px;
	height:auto;
	overflow:hidden;
	position:absolute;
	left:50%;
	transform: translate(-50%);
	top:100px;
	z-index:10;
}
.indexblockbg3 .textbg .text
{
	width:30%;
	box-sizing: border-box;
	padding-left:5%;
}
.indexblockbg3 .textbg .text .cntit
{
	font-size:36px;
	color:#fff;
	font-weight:bold;
	line-height:36px;
	margin-top:30px;
}
.indexblockbg3 .textbg .text .entit
{
	font-size:26px;
	color:#999;
	line-height:26px;
	text-transform: uppercase;
	font-weight: lighter;
	margin-top:20px;
}
.indexblockbg3 .textbg .text .des
{
	width:100%;
	height:auto;
	overflow:hidden;
	color:#a9a9a9;
	font-size:18px;
	line-height:35px;
	padding-top:40px;
	padding-bottom:40px;
}
.indexblockbg3 .textbg .text .index_more
{
	width:150px;
	height:35px;
	margin:0px;
}
.indexblockbg3 .textbg .text .index_more a
{
	border:1px solid #a9a9a9;
	border-radius:17.5px;
	line-height:33px;
	font-size:18px;
	color:#a9a9a9;
}
.indexblockbg3 .textbg .text .index_more:hover a
{
	color:#000;
	background:#a9a9a9;
}
/**网站首首页模块3探寻沉静的艺术 end**/
/**网站首首页模块4都市慢生活艺术家居典范**/
.indexblockbg4
{
	background-color: rgb(12, 12, 12);
	padding-top:0px;
}
.indexblockbg4 .bigpic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.indexblockbg4 .bigpic img
{
	width:100%;
	height:auto;
}
.indexblock4 .text
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.indexblock4 .text .bigtit
{
	width:100%;
	height:auto;
	line-height:50px;
	color:#fff;
	text-align:center;
	font-size:50px;
	margin-top:30px;
}
.indexblock4 .text .des
{
	margin-top:50px;
	width:100%;
	height:auto;
	overflow:hidden;
	line-height:30px;
	font-size:18px;
	color:#a9a9a9;
	text-align:center;
}
.indexblock4 .text .des p
{
	line-height:30px;
	font-size:18px;
	color:#a9a9a9;
	text-align:center;
	margin-bottom:10px;
}
.indexblock4 .numberlist
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-top:100px;
}
.indexblock4 .numberlist .grid
{
	overflow:hidden;
	border-right:1px solid #cacaca;
	padding-left:80px;
	padding-right:80px;
}
.indexblock4 .numberlist .grid:last-child
{
	border-right:none;
}
.indexblock4 .numberlist .grid .number
{
	display:flex;
	flex-wrap:wrap;
	align-items: stretch;
	justify-content: center;
}
.indexblock4 .numberlist .grid .number .num
{
	font-size:45px;
	color:#cacaca;
	line-height:45px;
}
.indexblock4 .numberlist .grid .number .add
{
	font-size:14px;
	color:#cacaca;
}
.indexblock4 .numberlist .grid .des
{
	text-align:center;
	font-size:15px;
	line-height:25px;
	color:#cacaca;
}
/**网站首首页模块4都市慢生活艺术家居典范 end**/
/**网站首首页模块5展示图**/
.indexblockbg5
{
	padding:0px;
}
/* .indexblockbg5 .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.indexblockbg5 .pic img
{
	width:100%;
	height:auto;
} */
.indexblockbg5 .video
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.indexblockbg5 .video video
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	background:#ccc;
}
/**网站首首页模块5展示图 end**/
/**网站首页 end**/
/**网站内页**/
/**网站内页整体部分**/
/**网站内页banner**/
.inside_banner
{
	width:100%;
	height:auto;
}
.inside_banner a
{
	display:block;
	width:100%;
	height:auto;
	position:relative;
}
.inside_banner a .pic
{
	width:100%;
	height:auto;
}
.inside_banner a .pic img
{
	width:100%;
	height:auto;
}
/**网站内页banner end**/
/**内页内容区**/
.insideblock
{
	width:1180px;
	height:auto;
	margin:auto;
}
.insidecontent
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	margin:auto;
} 
.insidecontent p
{
	font-size:15px;
	line-height:25px;
}
.insidecontent ul li
{
	 list-style:disc;
}
.insidecontent img
{
	display:inline;
	max-width:100%;
}
.inside_bigtit
{
	width:100%;
	height:auto;
	font-weight:bold;
	font-size:20px;
	overflow:hidden;
	line-height:25px;
	text-align:center;
}
/**内页内容区 end**/
/**上一篇下一篇**/
.prevnext
{
	width:100%;
	height:auto;
	overflow:hidden;
	display: flex;
	flex-wrap:wrap;
	margin-top:30px;
}
.prevnext .grid
{
	width:50%;
	height:auto;
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#666;
}
.prevnext .grid:nth-child(2n)
{
	text-align:right;
}
.prevnext .grid a
{
	color:#666;
	transition:1s;
}
.prevnext .grid a:hover
{
	color:#f15a24;
}
/**上一篇下一篇 end**/
/**发布时间**/
.create_time
{
	width:100%;
	height:auto;
	font-size:15px;
	margin-top:15px;
	line-height:25px;
	color:#999;
	text-align:center;
	margin-bottom:30px;
}
/**发布时间 end**/
/**网站内页整体部分 end**/
/**品牌介绍**/
/**介绍**/
.aboutbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#161614;
}
.aboutcontent
{
	width:80%;
	margin:auto;
	overflow:hidden;
	max-width:1600px;
	font-size:16px;
	line-height:30px;
	color:#cacaca !important;
	padding-top:100px;
	padding-bottom:100px;
}
.aboutcontent p
{
	font-size:16px;
	line-height:30px;
	color:#cacaca !important;
}
/**介绍 end**/
/**四大系列**/
.about_four_series
{
	width:80%;
	height:auto;
	overflow:hidden;
	max-width:1360px;
	margin:auto;
}
.about_four_series .grid
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom:90px;
}
.about_four_series .grid:nth-child(2n)
{
	flex-direction: row-reverse;
}
.about_four_series .grid .pic
{
	width:48%;
	height:auto;
	overflow:hidden;
}
.about_four_series .grid .pic img
{
	width:100%;
	height:auto;
}
.about_four_series .grid .text
{
	width:48%;
	height:auto;
	overflow:hidden;
	display:flex;
	align-content:center;
	flex-wrap:wrap;
}
.about_four_series .grid .text .extitle
{
	width:100%;
	height:auto;
	font-size:60px;
	line-height:65px;
	color:#cacaca;
	text-transform: uppercase;
	font-weight: bold;
}
.about_four_series .grid .text .title
{
	width:100%;
	height:auto;
	font-size:20px;
	line-height:28px;
	color:#cacaca;
	margin-top:20px;
}
.about_four_series .grid .text .content
{
	width:100%;
	height:auto;
	font-size:15px;
	line-height:28px;
	color:#cacaca !important;
	margin-top:20px;
}
.about_four_series .grid .text .content p
{
	font-size:15px;
	line-height:28px;
	color:#cacaca !important;
}
/**四大系列 end**/
/**企业历程**/
.aboutbigtit
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.aboutbigtit .cnen .cntit
{
	  font-size:25px;
	  color:#fff;
	  text-transform: uppercase;
	  font-weight: bold;
	  line-height:25px;
}
.aboutbigtit .cnen .entit
{
	display:flex;
	align-items:center;
	margin-top:10px;
}
.aboutbigtit .cnen .entit .line
{
	width:60px;
	height:1px;
	background:#f15a24;
}
.aboutbigtit .cnen .entit .text
{
	font-size:20px;
	line-height:20px;
	color:#cacaca;
	margin-left:10px;
}
.aboutcourse
{
	width:80%;
	height:auto;
	overflow:hidden;
	max-width:1200px;
	margin:auto;
	margin-bottom:90px;
}
.aboutcourse .pc_list
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:90px;
}
.aboutcourse .pc_list .time
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	overflow:hidden;
}
.aboutcourse .pc_list .time .arr
{
	width:30px;
	height:30px;	
	border-radius:50%;
	cursor: pointer;

}
.aboutcourse .pc_list .time .course_button-prev
{
	background:url('../images/leftarr.png') no-repeat center center;
	background-size:80% 80%;
	background-color:#cacaca;
}
.aboutcourse .pc_list .time .course_button-next
{
	background:url('../images/rightarr.png') no-repeat center center;
	background-size:80% 80%;
	background-color:#cacaca;
}
.aboutcourse .pc_list .time .course-time
{
	width:calc(100% - 150px);
	height:auto;
	overflow:hidden;
	margin:auto;
}
.aboutcourse .pc_list .time .course-time .timegrid
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.aboutcourse .pc_list .time .course-time .timegrid .linecir
{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
.aboutcourse .pc_list .time .course-time .timegrid .linecir .cir
{
	width:20px;
	height:20px;
	background:#999;
	box-sizing: border-box;
	border-radius: 50%;
	border:5px solid #fff;
	position: relative;
	z-index:10;
	margin:auto;
	margin-top:5px;
	cursor: pointer;
}
.aboutcourse .pc_list .time .course-time .swiper-slide-thumb-active .timegrid .linecir .cir
{
	background:#fff;
	border:5px solid #999;
}
.aboutcourse .pc_list .time .course-time .timegrid .linecir .line
{
	width:100%;
	height:2px;
	position:absolute;
	top:14.5px;
	right:0px;
	background:#fff;
	z-index:5;
}
.aboutcourse .pc_list .time .course-time .timegrid .year
{
	font-size:20px;
	line-height:20px;
	color:#cacaca;
	width:100%;
	text-align:center;
	margin-top:20px;
}
.aboutcourse .pc_list .course-content
{
	margin-top:50px;
}
.aboutcourse .pc_list .course-content .text
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.aboutcourse .pc_list .course-content .text .title
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
}
.aboutcourse .pc_list .course-content .text .title .titline
{
	width:50px;
	height:1px;
	background:#cacaca;
}
.aboutcourse .pc_list .course-content .text .title .titarr
{
	width:50px;
	height:50px;
}
.aboutcourse .pc_list .course-content .text .title .lefttitarr
{
	background:url('../images/rightarr_ca.png') no-repeat center center;
	background-size:40% 40%;
}
.aboutcourse .pc_list .course-content .text .title .righttitarr
{
	background:url('../images/leftarr_ca.png') no-repeat center center;
	background-size:40% 40%;
}
.aboutcourse .pc_list .course-content .text .title  .tit
{
	font-size:30px;
	line-height:30px;
	color:#cacaca;
}
.aboutcourse .pc_list .course-content .text .line
{
	width:20px;
	height:1px;
	margin:auto;
	background:#fff;
	margin-top:20px;
	margin-bottom:20px;
}
.aboutcourse .pc_list .course-content .text .des
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	line-height:28px;
	color:#cacaca !important;
}
.aboutcourse .pc_list .course-content .text .des p
{
	font-size:16px;
	line-height:28px;
	color:#cacaca !important;	
}

/**企业历程 end**/
/**企业荣誉**/
.aboutrongyubg
{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url('../images/about/rongyubg.jpg') no-repeat center center;
	background-size:cover !important;
	background-attachment: fixed;
	padding-top:250px;
	padding-bottom:250px;
}
.aboutrongyu
{
	width:80%;
	margin:auto;
	max-width:1680px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	/* overflow:hidden; */
}
.aboutrongyu .rongyuleft
{
	width:28%;
	padding-top:30px;
}
.aboutrongyu .rongyuleft .aboutbigtit
{
	justify-content:flex-start;
}
.aboutrongyu .rongyuleft .rongyudes
{
	font-size:16px;
	line-height:30px;
	color:#cacaca;
	margin-top:30px;
	margin-bottom:30px;
}
.aboutrongyu .rongyuleft .more
{
	width:180px;
	height:50px;
	overflow:hidden;
}
.aboutrongyu .rongyuleft .more a
{
	width:100%;
	height:100%;
	display:block;
	font-size:18px;
	line-height:48px;
	border-radius:24px;
	text-align:center;
	color:#cacaca;
	border:1px solid #cacaca;
	transition: 1s;
	box-sizing: border-box;
}
.aboutrongyu .rongyuleft .more:hover a
{
	color:#000;
	background:#cacaca;
}
.aboutrongyu .rongyuright
{
	width:68%;
}
.aboutrongyu .rongyuright .outhonorswiper
{
	width:100%;
	height:auto;
	position:relative;
}
.aboutrongyu .rongyuright .outhonorswiper .leftbtn-prev
{
	width:50px;
	height:50px;
	position:absolute;
	z-index:100;
	top:38%;
	left:-50px;
	background:url('../images/leftarr_ca.png') no-repeat center center;
	cursor: pointer;
	
}
.aboutrongyu .rongyuright .outhonorswiper .rightbtn-next
{
	width:50px;
	height:50px;
	position:absolute;
	z-index:100;
	top:38%;
	right:-50px;
	background:url('../images/rightarr_ca.png') no-repeat center center;
	cursor: pointer;
	
}
.aboutrongyu .rongyuright .outhonorswiper .honorswiper
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.aboutrongyu .rongyuright .outhonorswiper .honorswiper a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.aboutrongyu .rongyuright .outhonorswiper .honorswiper a .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	padding-bottom:133.33%;
}
.aboutrongyu .rongyuright .outhonorswiper .honorswiper a .pic img
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit: cover;
	transition:1s;
}
.aboutrongyu .rongyuright .outhonorswiper .honorswiper a:hover .pic img
{
	transform: scale(1.1);
}
.aboutrongyu .rongyuright .outhonorswiper .honorswiper a .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:16px;
	line-height:25px;
	color:#cacaca;
	margin-top:15px;
}
.aboutrongyu .rongyuright .outhonorswiper .honorswiper .swiperpage
{
	text-align:center;
	margin-top:15px;
}
.aboutrongyu .rongyuright .outhonorswiper .honorswiper .swiperpage .swiper-pagination-bullet
{
	background:rgba(255,255,255,0.8);
}
/* .aboutrongyu .rongyuright .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.aboutrongyu .rongyuright .pic img
{
	width:100%;
	height:auto;
} */
/**企业荣誉 end**/
/**品牌介绍 end**/
/**招商中心**/
.joinblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:100px;
	padding-bottom:100px;
}
.joinblock
{
	width:80%;
	height:auto;
	margin:auto;
	max-width:1600px;
}
.jointit
{
	width:100%;
	height:auto;
}
.jointit .joinbigtit
{
	width:100%;
	height:auto;
	font-size:32px;
	line-height:37px;
}
.jointit .joinsmalltit
{
	width:100%;
	height:auto;
	font-size:15px;
	line-height:20px;
	margin-top:10px;
}
/**招商模块1品牌核心**/
.joinblockbg1
{
	background-color: rgb(245, 244, 237);
}
.joinblockbg1 .joinbigtit
{
	text-align:center;
}
.joinblockbg1 .joinsmalltit
{
	text-align:center;
}
.joinblockbg1 .corelist
{
	max-width:1500px;
	margin:auto;
	margin-top:50px;
	display:flex;
	flex-wrap:wrap;
}
.joinblockbg1 .corelist .grid
{
	width:20%;
	height:auto;
	overflow:hidden;
}
.joinblockbg1 .corelist .grid .pic
{
	max-width:120px;
	width:80%;
	height:auto;
	overflow:hidden;
	border-radius: 50%;
	margin:auto;
	background:#eee;
	transition:1s;
}
.joinblockbg1 .corelist .grid:hover .pic
{
	transform:rotate(360deg);
}
.joinblockbg1 .corelist .grid .pic img
{
	width:100%;
	height:100%;
}
.joinblockbg1 .corelist .grid .text
{
	box-sizing: border-box;
	padding-left:20px;
	padding-right:20px;
}
.joinblockbg1 .corelist .grid .title
{
	font-size:17px;
	margin-top:10px;
	overflow:hidden;
	text-align:center;
	line-height:25px;
	color:#000;
	margin-top:15px;
}
.joinblockbg1 .corelist .grid .des
{
	width:100%;
	height:auto;
	overflow:hidden;
	color:#999;	
	font-size:15px;
	line-height:25px;
	margin-top:10px;
}
.joinblockbg1 .corelist .grid .des p
{
	font-size:15px;
	line-height:25px;
	color:#999
}
/* .teamlistbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	margin-top:30px;
}
.teamlistbg .teamlistbg1
{
	 position:absolute;
	 top:0px;
	 width:140%;
	 left:50%;
	 transform: translate(-50%);
	 height:auto;
	 overflow:hidden;
}
.teamlist
{
	width:100%;
	position:relative;
}
.teamlist .pic
{
	width:100%;
	height:auto;
	padding-bottom:75%;
	position:relative;
}
.teamlist .pic img
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
}
.teamlist .swiperpage
{
	max-width:1600px;
	margin:auto;
	text-align:center;
	margin-top:20px;
}
.teamlist .swiperpage .swiper-pagination-bullet-active
{
	background:#000;
}
.teamlist .arr
{
	width:50px;
	height:50px;
	position:absolute;
	top:calc(50% - 40px);
	border-radius:50%;
	transform:translate(0px,-50%);
	z-index:10;
	cursor: pointer;
	opacity:0;
	transition:1s;
}
.teamlist:hover .arr
{
	opacity:1;
}

.teamlist .leftbtn-prev
{
	background:url('../images/leftarr_ca.png') no-repeat center center;
	background-size:50% 50%;
	background-color:rgba(155,155,155,0.95);
	left:25%;
}
.teamlist .rightbtn-next
{
	background:url('../images/rightarr_ca.png') no-repeat center center;
	background-size:50% 50%;
	background-color:rgba(155,155,155,0.95);
	right:25%;
} */
/**招商模块1品牌核心 end**/
/**招商模块2热爱学习**/
.joinblockbg2
{
	background-color: rgb(12, 12, 12);
	position:relative;
	padding-bottom:0px;
}
.joinblockbg2 .rightpic
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
}
.joinblockbg2 .rightpic img
{
	width:60%;
	height:auto;
}
.joinblockbg2 .textbg
{
	width:80%;
	max-width:1600px;
	height:auto;
	overflow:hidden;
	position:absolute;
	left:50%;
	transform: translate(-50%);
	top:100px;
	z-index:10;
}
.joinblockbg2 .textbg .text
{
	width:30%;
	box-sizing: border-box;
	padding-left:5%;
}
.joinblockbg2 .textbg .text .cntit
{
	font-size:36px;
	color:#fff;
	font-weight:bold;
	line-height:36px;
	margin-top:30px;
}
.joinblockbg2 .textbg .text .entit
{
	font-size:26px;
	color:#999;
	line-height:26px;
	text-transform: uppercase;
	font-weight: lighter;
	margin-top:20px;
}
.joinblockbg2 .textbg .text .des
{
	width:100%;
	height:auto;
	overflow:hidden;
	color:#a9a9a9;
	font-size:18px;
	line-height:35px;
	padding-top:40px;
	padding-bottom:40px;
}
.joinblockbg2 .textbg .text .des p
{
	color:#a9a9a9;
	font-size:18px;
	line-height:35px;
}
/**招商模块2热爱学习 end**/
/**招商模块3团队文化**/
.joinblockbg3
{
	background-color: rgb(12, 12, 12);
}
.joinblock3
{
	max-width:1280px;
}
.joinblockbg3 .jointit .joinbigtit
{
	text-align:center;
	color:#fff;
}
.joinblockbg3 .jointit .joinsmalltit
{
	color:#cacaca;
	text-align:center;
}
.joinblockbg3 .culturelist
{
	width:100%;
	height:auto;
	display:flex;
	overflow:hidden;
	flex-wrap:wrap;
	margin-top:50px;
	align-items:stretch;
}
.joinblockbg3 .culturelist .grid
{
	width:15%;
	margin-right:2%;
	height:auto;
	overflow:hidden;
	background-color: rgb(63, 63, 63);
	border-radius:5px;
	padding:30px 15px; 
	box-sizing: border-box;
}
.joinblockbg3 .culturelist .grid:nth-child(6n)
{
	margin-right:0px;
}
.joinblockbg3 .culturelist .grid .pic
{
	width:40px;
	height:auto;
	overflow:hidden;
	margin:auto;
}
.joinblockbg3 .culturelist .grid .pic img
{
	width:100%;
	height:auto;
}
.joinblockbg3 .culturelist .grid .tit
{
	width:100%;
	height:auto;
	font-size:18px;
	line-height:18px;
	text-align:center;
	color:#fff;
	margin-top:15px;
}
.joinblockbg3 .culturelist .grid .des
{
	width:100%;
	height:auto;
	font-size:14px;
	line-height:25px;
	text-align:center;
	color:#cacaca !important;
	margin-top:15px;
}
.joinblockbg3 .culturelist .grid .des p
{
	font-size:14px;
	line-height:25px;
	color:#cacaca !important;
}
/**招商模块3团队文化 end**/
/**招商模块4加盟条件**/
.joinblockbg4
{
	background-color: rgb(245, 244, 237);
}
.joinblock4 .jointit .joinbigtit
{
	text-align:center;
}
.joinblock4 .jointit .joinsmalltit
{
	text-align:center;
}
.joinblockbg4 .joinconditionlist
{
	max-width:1500px;
	margin:auto;
	margin-top:50px;
	display:flex;
	flex-wrap:wrap;
}
.joinblockbg4 .joinconditionlist .grid
{
	width:25%;
	height:auto;
	overflow:hidden;
}
.joinblockbg4 .joinconditionlist .grid .pic
{
	max-width:160px;
	width:80%;
	height:auto;
	overflow:hidden;
	border-radius: 50%;
	margin:auto;
	background:#eee;
	transition:1s;
}
.joinblockbg4 .joinconditionlist .grid:hover .pic
{
	transform:rotate(360deg);
}
.joinblockbg4 .joinconditionlist .grid .pic img
{
	width:100%;
	height:100%;
}
.joinblockbg4 .joinconditionlist .grid .text
{
	box-sizing: border-box;
	padding-left:20px;
	padding-right:20px;
}
.joinblockbg4 .joinconditionlist .grid .title
{
	font-size:17px;
	margin-top:10px;
	overflow:hidden;
	text-align:center;
	line-height:25px;
	color:#000;
	margin-top:15px;
}
.joinblockbg4 .joinconditionlist .grid .des
{
	width:100%;
	height:auto;
	overflow:hidden;
	color:#999;	
	font-size:15px;
	line-height:25px;
	margin-top:10px;
}
.joinblockbg4 .joinconditionlist .grid .des p
{
	font-size:15px;
	line-height:25px;
	color:#999
}
/* .joinblock4 .storeImagelist
{
	margin-top:50px;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.joinblock4 .storeImagelist .grid
{
	width:49%;
	margin-right:2%;
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
	cursor: pointer;
}
.joinblock4 .storeImagelist .grid:nth-child(2n)
{
	margin-right:0px;
}
.joinblock4 .storeImagelist .grid .pic
{
	width:100%;
	height:auto;
	padding-bottom:50%;
	position:relative;
}
.joinblock4 .storeImagelist .grid .pic img
{
	width:100%;
	height:100%;
	object-fit:fill;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}
.joinblock4 .storeImagelist .grid .pic2
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:100%;
	height:100%;
	opacity:0;
	transition:1s;
}
.joinblock4 .storeImagelist .grid:hover .pic2
{
	opacity:1;
} */
/**招商模块4加盟条件 end**/
/**招商模块5店铺列表**/
.joinblockbg5
{
	background-color: rgb(12, 12, 12);
}
.joinblockbg5 .storetit
{
	margin:auto;
	max-width:1600px;
	font-size:18px;
	color:#fff;
	line-height:18px;
	margin-bottom:30px;
}
.joinblockbg5  .store1 .storetit
{
	width:80%;
}
.joinblockbg5 .storepic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.joinblockbg5 .storepic img
{
	width:100%;
	height:auto;
}
.joinblockbg5 .storelist
{
	width:80%;
	height:auto;
	overflow:hidden;
	margin:auto;
	max-width:1300px;
}
.joinblockbg5 .storelist .record
{
	width:100%;
	height:auto;
	margin-top:80px;
	overflow:hidden;

}
.joinblockbg5 .storelist .record .piclist
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	overflow:hidden;
	align-items:stretch;
	justify-content: space-between;
	overflow:hidden;
}
.joinblockbg5 .storelist .record:nth-child(2n) .piclist
{
	flex-direction: row-reverse;
}
.joinblockbg5 .storelist .record .piclist .onepic
{
	width:66%;
	overflow:hidden;
}
.joinblockbg5 .storelist .record .piclist .onepic .pic
{
	width:100%;
	height:auto;
	padding-bottom:65%;
	position:relative;
}
.joinblockbg5 .storelist .record .piclist .onepic img
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
}
.joinblockbg5 .storelist .record .piclist .twopic
{
	width:32%;
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;	
}
.joinblockbg5 .storelist .record .piclist .twopic .grid
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.joinblockbg5 .storelist .record .piclist .twopic .pic
{
	width:100%;
	height:auto;
	padding-bottom:65%;
	position:relative;
}
.joinblockbg5 .storelist .record .piclist .twopic .pic img
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;

}
.joinblockbg5 .storelistfour
{
	width:80%;
	margin:auto;
	margin-top:80px;
	max-width:1400px;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.joinblockbg5 .storelistfour .grid
{
	width:23%;
	height:auto;
	overflow:hidden;
	margin-right:2.66%;
	margin-bottom:30px;
}
.joinblockbg5 .storelistfour .grid:nth-child(4n)
{
	margin-right:0px;
}
.joinblockbg5 .storelistfour .grid a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.joinblockbg5 .storelistfour .grid a .pic
{
	position:relative;
	width:100%;
	height:auto;
	padding-bottom:66.66%;
	overflow:hidden;
}
.joinblockbg5 .storelistfour .grid a .pic img
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
	transition:1s;
}
.joinblockbg5 .storelistfour .grid:hover a .pic img
{
	transform: scale(1.1);
}
.joinblockbg5 .storelistfour .grid a .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	line-height:25px;
	color:#cacaca;
	margin-top:15px;
	text-align:center;
}
/**招商模块5店铺列表 end**/
/**招商模块6经销商案例**/
.joinblockbg6
{
	background-color: rgb(12, 12, 12);
	padding-top:0px;
}
.joinblock6
{
	max-width:1400px;
}
.joinblockbg6 .jointit .joinbigtit
{
	text-align:center;
	color:#fff;
}
.joinblockbg6 .jointit .joinsmalltit
{
	color:#cacaca;
	text-align:center;
}
.joinblockbg6 .caselist
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	margin-top:50px;
}
.joinblockbg6 .caselist .grid
{
	position:relative;
	width:23%;
	height:auto;
	margin-bottom:30px;
	margin-right:2.66%;
}
.joinblockbg6 .caselist .grid:nth-child(4n)
{
	margin-right:0px;
}
.joinblockbg6 .caselist .grid .outpic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.joinblockbg6 .caselist .grid .pic
{
	width:100%;
	height:auto;
	padding-bottom:120%;
	overflow:hidden;
	position:relative;
}
.joinblockbg6 .caselist .grid .pic img
{
	width:100%;
	height:100%;
	object-fit: cover;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
}
.joinblockbg6 .caselist .grid .pc_tit
{
	width:100%;
	height:auto;
	position:absolute;
	bottom:10px;
	font-size:20px;
	box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
	left:0px;
	color:#fff;
	z-index:10;
}
.joinblockbg6 .caselist .grid .text
{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:0px;
	left:0px;
	z-index:15;
	padding:30px;
	box-sizing: border-box;
	opacity:0;
	transition:1s;
}
.joinblockbg6 .caselist .grid:hover .text
{
	opacity:1;
}
.joinblockbg6 .caselist .grid .text .title
{
	font-size:17px;
	line-height:25px;
	color:#fff;
}
.joinblockbg6 .caselist .grid .text .ex_title
{
	font-size:17px;
	line-height:25px;
	color:#fff;
	margin-top:10px;
	margin-bottom:10px;
}
.joinblockbg6 .caselist .grid .text .des
{
	font-size:15px;
	line-height:25px;
	color:#fff;
}
.joinblockbg6 .caselist .grid .text .des p
{
	font-size:15px;
	line-height:25px;
	color:#fff;
}
/**招商模块6经销商案例 end**/
/**招商模块7已进驻商场**/
.joinblockbg7
{
	background-color: rgb(12, 12, 12);
	padding-top:0px;
}
.joinblock7
{
	max-width:1400px;
}
.joinblockbg7 .jointit .joinbigtit
{
	text-align:center;
	color:#fff;
}
.joinblockbg7 .jointit .joinsmalltit
{
	color:#cacaca;
	text-align:center;
}
.joinblock7 .title
{
	font-size:32px;
	line-height:35px;
	color:#fff;
	text-align:center;
}
.joinblock7 .content
{
	font-size:15px;
	line-height:28px;
	color:#fff;
	margin-top:30px;
}
.joinblock7 .content p
{
	font-size:15px;
	line-height:28px;
	color:#fff;
}
/**招商模块7已进驻商场 end**/
/**招商中心 end**/
/**联系我们**/
.contactblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:100px;
	padding-bottom:100px;
	background-color: rgb(12, 12, 12);
}
.contactblockbg .contactblock
{
	width:1200px;
	margin:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.contactblockbg .contactblock .grid
{
	width:32%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .contactinfo
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .contactinfo .record
{
	margin-bottom:20px;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .contactinfo .record .title
{
	font-size:18px;
	line-height:25px;
	overflow:hidden;
	color:#cacaca;
}
.contactblockbg .contactblock .grid .contactinfo .record .info
{
	font-size:15px;
	line-height:25px;
	overflow:hidden;
	color:#cacaca;
}
.contactblockbg .contactblock .grid .msg
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .msg .inputlist
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:15px;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox .input
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox .input input
{
	width:100%;
	height:35px;
	border:1px solid #cacaca;
	background:#262626;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
	outline:none;
	border-radius:5px;
	color:#cacaca;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox .input input::-webkit-input-placeholder
{
	color:#cacaca;
}
.contactblockbg .contactblock .grid .msg .textareabox
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:15px;
}
.contactblockbg .contactblock .grid .msg .textareabox .textarea
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .msg .textareabox .textarea textarea
{
	width:100%;
	height:80px;
	border:1px solid #cacaca;
	background:#262626;
	padding:10px 15px;
	box-sizing:border-box;
	outline:none;
	border-radius:5px;
	color:#cacaca;
}
.contactblockbg .contactblock .grid .msg .textareabox .textarea textarea::-webkit-input-placeholder
{
	color:#cacaca;
}
.contactblockbg .contactblock .grid .msg .submit
{
	width:100%;
	height:35px;
	overflow:hidden;
	box-sizing: border-box;
	border:1px solid #cacaca;
	background:#262626;
	font-size:16px;
	text-align:center;
	line-height:33px;
	border-radius:5px;
	cursor: pointer;
	color:#cacaca;
	transition:1s;
}
.contactblockbg .contactblock .grid .msg .submit:hover
{
	background:#fff;
	color:#000;
}
.contactblockbg .contactblock .grid .map
{
	width:100%;
	height:285px;
	overflow:hidden;
}
/**联系我们 end**/
/**产品列表**/
.productblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:100px;
	padding-bottom:100px;
	background-color: rgb(245, 244, 237);
}
.catenav
{
	width:80%;
	margin:auto;
	overflow:hidden;
	max-width:1300px;
	background:#fff;
	padding:30px;
	box-sizing: border-box;
	overflow-x:auto;
	display:flex;
	flex-shrink:unset;
}
.catenav .grid
{
	margin-right:20px;
}
.catenav .grid a
{
	display:block;
	font-size:16px;
	line-height:25px;
	padding-left:25px;
	box-sizing: border-box;
	position:relative;
	white-space: nowrap;
}
.catenav .grid a::after
{
	width:14px;
	left:0px;
	height:14px;
	content:'';
	border:1px solid #333;
	border-radius:2px;
	top:5px;
	position:absolute;
	transition:1s;
}
.catenav .grid:hover a::after
{
	background:#333;
}
.catenav .grid .hover::after
{
	background:#333;
}
.prolistblock
{
	max-width:1300px;
	background:#fff;
	padding:30px;
	overflow:hidden;
	margin:auto;
	margin-top:30px;
	box-sizing: border-box;
}
.prolistblock .prolist
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.prolistblock .prolist .grid
{
	width:23%;
	height:auto;
	overflow:hidden;
	margin-right:2.66%;
	margin-bottom:40px;
}
.prolistblock .prolist .grid:nth-child(4n)
{
	margin-right:0px;	
}
.prolistblock .prolist .grid a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.prolistblock .prolist .grid a .outpic
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:100%;
	position:relative;
}
.prolistblock .prolist .grid a .outpic .pic
{
	width:100%;
	height:100%;
	overflow:hidden;
	border:1px solid #eee;
	box-sizing: border-box;
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	transition:1s;
}
.prolistblock .prolist .grid:hover a .outpic .pic
{
	border:1px solid #f15a24;
}
.prolistblock .prolist .grid a .outpic .pic img
{
	max-width:100%;
	max-height:100%;
	transition:1s;
}
.prolistblock .prolist .grid:hover a .outpic .pic img
{
	transform: scale(1.1);
}
.prolistblock .prolist .grid a .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	text-align:center;
	margin-top:10px;
	transition:1s;
}
.prolistblock .prolist .grid:hover a .title
{
	color:#f15a24;
}
.prolistblock .catesearch
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:30px;
}
.prolistblock .catesearch .catename
{
	font-size:16px;
	line-height:35px;
}
.prolistblock .catesearch .search .form
{
	width:400px;
	height:35px;
	overflow:hidden;
	border:1px solid #333;
	display:flex;
	flex-wrap:wrap;
}
.prolistblock .catesearch .search .form .input
{
	width:calc(100% - 70px);
	height:100%;
}
.prolistblock .catesearch .search .form .input input
{
	outline:none;
	width:100%;
	height:100%;
	border:none;
	box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.prolistblock .catesearch .search .form .submit
{
	width:70px;
	height:100%;
	overflow:hidden;
	background:#333;
}
.prolistblock .catesearch .search .form .submit input
{
	border:none;
	color:#fff;
	background:#333;
	display:block;
	width:100%;
	height:100%;
	cursor: pointer;
	transition:1s;
}
.prolistblock .catesearch .search .form .submit:hover input
{
	background:#999;
}
/**产品列表 end**/
/**产品展示页**/
.proview
{
	background:#fff;
	padding:30px;
	box-sizing: border-box;
	overflow:hidden;
	width:80%;
	max-width:1300px;
	margin:auto;
}
.proview .picarr
{
	margin-top:30px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items:center;
	margin-bottom:30px;
}
.proview .picarr .arr
{
	width:50px;
	height:50px;
	cursor: pointer;
}
.proview .picarr .leftbtn-prev
{
	background:url('../images/leftarr.png') no-repeat center center;
}
.proview .picarr .rightbtn-next
{
	background:url('../images/rightarr.png') no-repeat center center;
}
.proview .picarr .picarrlist
{
	width:50%;
	height:auto;
	overflow:hidden;
	margin-left:30px;
	margin-right:30px;
}
.proview .picarr .picarrlist .outpic
{
	width:100%;
	padding-bottom:100%;
	overflow:hidden;
	position:relative;
}
.proview .picarr .picarrlist .outpic .pic
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;	
}
.proview .picarr .picarrlist .outpic .pic img
{
	max-width:100%;
	max-height:100%;
}
.proview .picarr .picarrlist .swiperpage
{
	margin-top:20px;
	text-align:center;
}
.proview .picarr .picarrlist .swiperpage .swiper-pagination-bullet-active
{
	background:#000;
}
.proview .productcontent
{
	margin-bottom:30px;
	overflow:hidden;
}
.proview .productcontent .title
{
	font-size:16px;
	line-height:30px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
/**产品展示页 end**/
/**新闻资讯**/
.newblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:100px;
	padding-bottom:100px;
	background-color: rgb(245, 244, 237);
}
.newblock
{
	max-width:1300px;
	margin:auto;
	width:80%;
	height:auto;
	background:#fff;
	box-sizing: border-box;
	padding:30px;	
}
.newslist
{
	width:100%;
	height:auto;
}
.newslist .grid
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #ddd;
}
.newslist .grid a
{
	display:flex;
	flex-wrap:wrap;
	overflow:hidden;
	justify-content: space-between;
}
.newslist .grid a .outpic
{
	width:20%;
	height:auto;
	overflow:hidden;
}
.newslist .grid a .outpic .pic
{
	width:100%;
	height:auto;
	padding-bottom:75%;
	overflow:hidden;
	position:relative;
}
.newslist .grid a .outpic .pic img
{
	width:100%;
	height:100%;
	object-fit: cover;
	position:absolute;
	top:0px;
	left:0px;
	transition:1s;
}
.newslist .grid a:hover .outpic .pic img
{
	transform: scale(1.1);
}
.newslist .grid a .text
{
	width:78%;
	height:auto;
	overflow:hidden;
}
.newslist .grid a .text .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:17px;
	line-height:25px;
	margin-top:10px;
	transition:1s;
}
.newslist .grid:hover a .text .title
{
	color:#f15a24;
}
.newslist .grid a .text .time
{
	width:100%;
	height:auto;
	overflow:hidden;
	color:#999;
	font-size:14px;
	line-height:25px;
	margin-top:10px;
	margin-bottom:10px;
	transition:1s;
}
.newslist .grid a .text .des
{
	width:100%;
	height:auto;
	overflow:hidden;
	color:#666;
	font-size:15px;
	line-height:25px;
	transition:1s;
}
.newslist .grid:hover a .text .des
{
	color:#f15a24;
}
/**新闻资讯 end**/
/**荣誉资质**/
.prolistblock .honorlist
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.prolistblock .honorlist .grid
{
	width:23%;
	height:auto;
	overflow:hidden;
	margin-right:2.66%;
	margin-bottom:40px;
}
.prolistblock .honorlist .grid:nth-child(4n)
{
	margin-right:0px;	
}
.prolistblock .honorlist .grid a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.prolistblock .honorlist .grid a .outpic
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:100%;
	position:relative;
}
.prolistblock .honorlist .grid a .outpic .pic
{
	width:100%;
	height:100%;
	overflow:hidden;
	border:1px solid #ccc;
	box-sizing: border-box;
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	transition:1s;
	z-index:10;
}
.prolistblock .honorlist .grid:hover a .outpic .pic
{
	border:1px solid #f15a24;
}
.prolistblock .honorlist .grid a .outpic .pic img
{
	max-width:100%;
	max-height:100%;
	transition:1s;
}
.prolistblock .honorlist .grid:hover a .outpic .pic img
{
	transform: scale(1.1);
}
.prolistblock .honorlist .grid a .outpic .outscalebig
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:15;
	background:rgba(0,0,0,0.6);
	padding:20px;
	box-sizing: border-box;
	transition:1s;
	opacity:0;
}
.prolistblock .honorlist .grid:hover a .outpic .outscalebig
{
	opacity:1;
}
.prolistblock .honorlist .grid a .outpic .outscalebig .insidescalebig
{
	width:100%;
	height:100%;
	overflow:hidden;
	border:1px solid #fff;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-content:center;
}
.prolistblock .honorlist .grid a .outpic .outscalebig .insidescalebig img
{
	width:40px;
	height:auto;
}
.prolistblock .honorlist .grid a .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	text-align:center;
	margin-top:10px;
	transition:1s;
}
.prolistblock .honorlist .grid:hover a .title
{
	color:#f15a24;
}
/**荣誉资质 end**/
/**分页**/
.pages
{
	width:100%;
}
.Pagination__Nav {
    text-align: center;
    margin: 20px 0;
	margin-bottom:80px;
}

.Pagination__Nav span {
    padding: 5px 10px;
    background: #eee;
    color: #333;
    transition: all 0.3s;
    font-size: 14px;
}

.Pagination__Nav a {
    padding: 5px 10px;
    background: #eee;
    color: #333;
    transition: all 0.3s;
    font-size: 14px;
}

.Pagination__Nav .is-active {
    background: #333;
	color:#fff;

}

.Pagination__Nav span:hover {
    background: #333;
	color:#fff;
}

.Pagination__Nav a:hover {
    background: #333;
	color:#fff;
}
/**分页 end**/
/**网站内页 end**/